<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>稻普资金子系统-登录</title>
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" href="../../build/css/common.css" media="all">
</head>
<body >
    <div class="layui-padding">
        <!--查询-->
        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="orgName" autocomplete="off"  class="layui-input" placeholder="业务部门">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="cusName" autocomplete="off" class="layui-input" placeholder="客户姓名">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="cusNo" autocomplete="off" class="layui-input" placeholder="客户身份证">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="bank" autocomplete="off" class="layui-input" placeholder="按揭银行">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="startTime" id="startTime"  placeholder="起始日期-结束日期" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="apply" id="apply"  placeholder="申请资金方" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <button class="layui-btn">执行查询</button>
                </div>
            </div>
        </div>

        <!--订单内容-->
        <div class="cly-listCon">
            <dl>
                <dt>
                    订单生成时间：<span>2018/5/17 15:15</span>
                    订单编号：<span>zs145624537587768</span>
                    当前进度：<span class="cly-state">已申请</span>
                </dt>
                <dd>
                    <ul class="cly-listConItem">
                        <li>
                            <div>
                                <span class="cly-itemWidth">借款人：</span>
                                <span class="">某某</span>
                            </div>
                            <div>
                                <span class="cly-itemWidth">证件号码：</span>
                                <span class="">330881177387678654</span>
                            </div>
                            <div>
                                <span class="cly-itemWidth">经办银行：</span>
                                <span class="">工商银行杭州羊坝头支行工商银行杭州羊坝头支行</span>
                            </div>
                        </li>
                        <li>
                            <div>
                                <span class="cly-itemWidth">业务部门：</span>
                                <span class="">安徽合肥部</span>
                            </div>
                            <div>
                                <span class="cly-itemWidth">贷款金额：</span>
                                <span class="">250000</span>
                            </div>
                            <div>
                                <span class="cly-itemWidth">订单类型：</span>
                                <span class="">普通通道</span>
                            </div>
                        </li>
                        <li>
                            <div>
                                <span class="cly-itemWidth">业务员：</span>
                                <span class="">张三</span>
                            </div>
                            <div>
                                <span class="cly-itemWidth">经销商：</span>
                                <span class="">安徽汽贸工商银行杭州羊坝头支行工商银行杭州羊坝头支行</span>
                            </div>
                            <div>
                                <span class="cly-itemWidth">风控通过时间：</span>
                                <span class="">2018/05/14 12:34</span>
                            </div>
                        </li>
                        <li class="cly-liWidth">
                            <div class="cly-listButton" id="layerDemo">
                                <p><button class="layui-btn layui-btn-small layui-btn-warm" data-method="detail" data-type="auto">查看详情</button></p>
                            </div>
                        </li>
                    </ul>
                </dd>
            </dl>
        </div>
        <!--页码-->
        <div id="page" class="cly-page"></div>
    </div>

    <div id="cly-layerCon" style="display: none">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label cly-labelWidth">第三方资金渠道</label>
                    <div class="layui-input-inline">
                        <select name="interest" lay-filter="aihao">
                            <option value="0"  selected="">连资贷</option>
                            <option value="1">鑫合汇</option>
                            <option value="2">中大物产</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label cly-labelWidth">资金方借款期限(天)</label>
                    <div class="layui-input-inline">
                        <input type="number" name="date" placeholder="资金方借款期限" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label cly-labelWidth">资金方年化利率(%)</label>
                <div class="layui-input-inline">
                    <input type="number" name="rate" placeholder="资金方年化利率" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label cly-labelWidth">添加处理意见</label>
                <div class="layui-input-cly">
                    <textarea placeholder="请输入内容" class="layui-textarea" style="width: 562px"></textarea>
                </div>
            </div>
        </form>
    </div>

    <script src="../../plugins/layui/layui.js"></script>
    <script type="text/javascript">
        layui.use(['laypage', 'laydate','layer','jquery','form'], function(laypage,laydate,layer,$,form){
            //日期范围
            laydate.render({
                elem: '#startTime',
                range: true
            });

            //页码
            laypage.render({
                elem: 'page',
                count: 1000,
                layout: ['count', 'prev', 'page', 'next', 'limit','skip'],
                jump: function(obj){
                    console.log(obj)
                }
            });

            var active = {
                detail:function(othis) {
                    var type = othis.data('type'), text = othis.text();

                    layer.open({
                        type: 2,
                        offset: type,
                        title: '已申请资金状态',
                        content: 'yiShenQinZiJinDetail.html',
                        shade: 0, //不显示遮罩
                        area: ['100%', '100%'],
                        end:function () {
                            layer.closeAll();
                        }
                    });
                }
            };
            $('#layerDemo .layui-btn').on('click', function(){
                var othis = $(this), method = othis.data('method');
                active[method] ? active[method].call(this, othis) : '';
            });
        });
    </script>
</body>
</html>
